﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>首页</title>
<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link href="../css/common.css" rel="stylesheet" type="text/css" />

</head>

<body class="index-bg">
    
<!--标题区域 start-->
<div class="tit_main">
  <img src="../img/logo.png">
  <a href="javascrip:void(0)" id="icon-set" class="pull-left lh-50"><span class="icon icon-set"></span></a>
</div>
<!--标题区域 end-->
<!--内容区域 start-->
<div class="H_top">
 <div>   
  <!-- 左侧自定义菜单 -->
  <nav class="st-menu">
    <h3 class="orange lh-45 text-center font-18">已选菜单</h3>
    <div class="blank-1"></div>
    <ul class="menu-labelCheck">
      <li>
        <figure>
          <img src="../img/icon-jys.png" />
        </figure>
        <p>需求分析介绍</p>
      </li>
      <li>
        <figure>
          <img src="../img/icon-txyl.png" />
        </figure>
        <p>请添加菜单</p>
      </li>
      <li>
        <figure>
          <img src="../img/icon-jys.png" />
        </figure>
        <p>3</p>
      </li>
      <li>
        <figure>
          <img src="../img/icon-jys.png" />
        </figure>
        <p>4</p>
      </li>
      <li>
        <figure>
          <img src="../img/icon-gsjj.png" />
        </figure>
        <p>5</p>
      </li>
      <li>
        <figure>
          <img src="../img/icon-mxcp.png" />
        </figure>
        <p>6</p>
      </li>
    </ul>
    <div class="blank-5"></div>
    <hr>
    <div class="blank-5"></div>
    <h3 class="blue lh-45 text-center font-18 padding-20">未选菜单</h3>
    <div class="menu-labelChose">
      <label class="active">公司介绍</label>
      <label>产品中心</label>
      <label>需求分析介绍</label>
      <label>公司介绍</label>
      <label>产品中心</label>
      <label>需求分析介绍</label>
      <label>公司介绍</label>
      <label>产品中心</label>
      <label>需求分析介绍</label>
      <label>产品中心</label>
    </div>
    <div class="blank-5"></div>
    <div class="row">
      <div class="col-md-6">
        <button class="btn btn-primary btn-block"><span class="icon icon-no"></span>取消</button>
      </div>
      <div class="col-md-6">
        <button class="btn btn-warning btn-block"><span class="icon icon-ok"></span>确定</button>
      </div>
    </div>
  </nav>
  <!-- 右侧全部菜单 -->
  <nav class="menu-all">
    <ul>
      <li><a href="">公司介绍</a></li>
      <li><a href="">产品中心</a></li>
      <li><a href="">明星产品</a></li>
      <li><a href="">需求分析</a></li>
      <li><a href="">建议书</a></li>
      <li><a href="">在线投保</a></li>
      <li><a href="">建议书建议书</a></li>
      <li><a href="">在线投保</a></li>
    </ul>
  </nav>
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="../img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="aboutUs.html" class="menu-item" id="menu-one"> 
          <i class="">公司介绍</i> 
        </a>
        <a href="listViewHot.html" class="menu-item" id="menu-two"> 
          <i class="">产品中心</i>
        </a>
        <a href="listViewStar.html" class="menu-item" id="menu-three"> 
          <i class="">明星产品</i> 
        </a>
        <a href="requirementsAnalysis.html" class="menu-item" id="menu-four"> 
          <i class="">需求分析</i> 
        </a>
        <a href="proposalMange.html" class="menu-item" id="menu-five"> 
          <i class="">建议书</i> 
        </a>
        <a href="orderMange.html" class="menu-item" id="menu-six"> 
          <i class="">在线投保</i> 
        </a>
      </div>
    </nav>
  </div>
 </div>     
      
</div>
<!--内容区域 end-->
<div id="person-panel" class="open-block open-lg hide">
  <h4 class="open-header">
    <span class="pull-left font-16" onClick="showDiv('passwordRest')"><span class="icon-edit-gray"></span>&nbsp;修改密码</span>
    个人中心<button type="button" class="close" onClick="closeDiv('person-panel')">×</button>
  </h4>
  <div class="open-body no-padding">
    <div class="padding-2 bg-blue">
      <div class="col-md-4 text-right">
        <div class="blank-10"></div>
        <a class="inline-block padding-15 text-center">
          <p class="icon icon-circle-pic"></p>
          <p class="font-18 lh-45 white">相册</p>
        </a>
      </div>
      <div class="col-md-4 text-center">
        <div class="pic-panel">
          <img src="../img/person.jpg">
        </div>
      </div>
      <div class="col-md-4 text-left">
        <div class="blank-10"></div>
        <a class="inline-block padding-15 text-center">
          <p class="icon icon-circle-camera"></p>
          <p class="font-18 lh-45 white">拍照</p>
        </a>
      </div>
    </div>
    <div class="padding-2">
      <div class="form-group">
        <label class="control-label col-md-3">代理人姓名：</label>
        <div class="col-md-3">
          <p class="form-control-static">代用名</p>
        </div>
        <label class="control-label col-md-2">公&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;司：</label>
        <div class="col-md-3">
          <p class="form-control-static">中德安联人寿保险</p>
        </div>
        <div class="clearfix"></div>
        <label class="control-label col-md-3">职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级：</label>
        <div class="col-md-3">
          <p class="form-control-static">代用名</p>
        </div>
        <label class="control-label col-md-2">展业证编号：</label>
        <div class="col-md-3">
          <p class="form-control-static">KSA893842398475325</p>
        </div>
        <div class="clearfix"></div>
        <label class="control-label col-md-3">代理人手机：</label>
        <div class="col-md-3">
          <p class="form-control-static">13483482938</p>
        </div>
        <label class="control-label col-md-2">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</label>
        <div class="col-md-3">
          <p class="form-control-static">sdfdf@123.com</p>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <div class="open-footer">
    <button class="btn btn-primary"><span class="icon icon-no"></span>取消</button>
    <button class="btn btn-warning"><span class="icon icon-ok"></span>确定</button>
  </div>
</div>

<!--弹出层-模板 start-->
<div class="open-block open-md hide" id="passwordRest">
  <h4 class="open-header">
    修改密码<button type="button" class="close" onClick="closeDiv('passwordRest')">×</button>
  </h4>
  <div class="open-body">
    <div class="blank-10"></div>
    <div class="form-group">
      <label class="col-md-4 control-label">输入旧密码：</label>
      <div class="col-md-7 no-padding">
        <input class="form-control" />
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-4 control-label">输入新密码：</label>
      <div class="col-md-7 no-padding">
        <input class="form-control" placeholder="请输入6-20位数字、字母和字符" />
        <div class="blank-10"></div>
        <div class="pw-strength  pw-default pw-medium">            
          <div class="pw-bar"></div>
          <div class="pw-bar-on"></div>
          <div class="pw-txt">
            <span>弱</span>
            <span>中</span>
            <span>强</span>
          </div>
          <div class="blank-10"></div>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-4 control-label">确认新密码：</label>
      <div class="col-md-7 no-padding">
        <input class="form-control" placeholder="请输入6-20位数字、字母和字符" />
      </div>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <button type="button" class="btn btn-lg btn-warning btn-block">确定</button>
    </div>
  </div>
</div>
  
<!--弹出层-模板 end-->  
<!--js全放底部-->
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/touch.js" type="text/javascript"></script>
<script src="../js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="../js/idangerous.swiper.min.js"></script>
<script src="../js/iscroll.js" type="text/javascript"></script>
<script src="../js/idangerous.swiper.3dflow.js"></script>
<script src="../js/common.js" type="text/javascript"></script>
<script>
window.onload=function(){
  $(".tit_main .icon-set").click(function(){
    $(".menu-all").removeClass("st-menu-open");
    $(".circle-panel").removeClass("st-pusher-left");
    $(".st-menu").addClass("st-menu-open");
    $(".circle-panel").addClass("st-pusher");
    $(".st-pusher").click(function(){
      $(".st-menu").removeClass("st-menu-open");
      $(".circle-panel").removeClass("st-pusher");
    })
  })
  touchEvent.swipeLeft(document,function(){
    $(".st-menu").removeClass("st-menu-open");
    $(".circle-panel").removeClass("st-pusher");
    $(".menu-all").addClass("st-menu-open");
    $(".circle-panel").addClass("st-pusher-left");
    $(".st-pusher-left").click(function(){
      $(".menu-all").removeClass("st-menu-open");
      $(".circle-panel").removeClass("st-pusher-left");
    })
  })
}
</script>
</body>
</html>